<!-- 作者:高翔宇 时间:2024/6/13 周四 20:52 -->
<script setup lang="ts">

</script>

<template>
  <el-row class="row">
    <el-col :span="8" style="display: flex; align-items: center">
      <slot name="left"/>
    </el-col>
    <el-col :span="8">
      <slot name="center"/>
    </el-col>
    <el-col :span="8" class="edit-button">
      <slot name="right"/>
    </el-col>
  </el-row>
</template>

<style scoped lang="scss">
.row {
  margin-bottom: 15px;
  padding: 10px;
  border-bottom: 2px dashed var(--el-border-color);
  width: 100%
}

.edit-button {
  display: flex;
  align-items: center;
}
</style>
